<template>
	<view>
		{{title}}
		//在子组件中使用系统自带的click事件，需要使用native修饰符。
		<input @input="onInput" placeholder="请呼入...." />
	</view>
</template>

<script>
	export default {
		name: "myevent",
		data() {
			return {

			};
		},
		props:{
			title:{
				type:String,
				default:"默认组件传值"
			}
		},
		methods:{
			//通过onInput方法就可以拿到输入的值；
			//一般数据不在子组件处理，都是将数据返回给父组件处理。
			onInput(e){
				console.log(e.detail.value);
				//这就是通过一个自定义的方法名进行传值。
				//myevent就是我们定义的事件名,跟我们使用系统的事件一样，
				//比如系统带的click,input事件。
				//后面一个参数就是需要传递的值。不仅可以传递字符串，也可传对象。如：
				//this.$emit("myevent",{vaule:e.detail.value,time:Date.now()})
				this.$emit("myevent",e.detail.value)
			},
		}
	}
</script>

<style lang="scss">

</style>